<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>筱宇科技-精选案例</title>

    <!-- Bootstrap -->
    <link href="/templets/xiaoyu/script/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="/templets/xiaoyu/style/css.css" rel="stylesheet">
    <link rel="stylesheet" href="/templets/xiaoyu/style/jingxuananli.css">
    <link rel="stylesheet" href="/templets/xiaoyu/script/swiper-5.2.0/package/css/swiper.min.css">
    <script src="/templets/xiaoyu/script/jquery-3.4.1.min.js"></script>
    <script src="/templets/xiaoyu/script/bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <script src="/templets/xiaoyu/script/swiper-5.2.0/package/js/swiper.min.js"></script>
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
                <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/package/html5shiv.min.js"></script>
                <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/package/respond.min.js"></script>
                <![endif]-->
    <!-- PC版 -->


</head>

<body>

    <!-- 头部 -->
    <div class="container-fluid web-top">
        <div class="fjy-nav">
            <div class="col-xs-1 	col-sm-1 	col-md-1 	col-lg-1">
                <!--  -->
            </div>
            <div class="col-xs-10 	col-sm-10 	col-md-10 	col-lg-10">
                <img src="/templets/xiaoyu/images/Logo.png" alt="筱宇科技" style="margin-top: 22px;">
<div class=" fjy-menu">
    <ul>
        <li><a href="/">网站首页</a></li>
         
        <li><a href='/a/shangwuhezuo/'>商务合作</a></li> <li><a class='fjy-visited' href='/a/jingxuananli/' >精选案例</a></li>
        <li><a href='/a/lianxiwomen/'>联系我们</a></li> 
    </ul>
</div>
            </div>

            <div class="col-xs-1 	col-sm-1 	col-md-1 	col-lg-1">

            </div>
        </div>


    </div>

    <div class="row">
        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 "></div>
        <!-- 主体 -->
        <div class="jxal col-xs-10 col-sm-10 col-md-10 col-lg-10">

            <!-- 主体1 banner-->
            <!-- swiper容器 -->
            <div class="swiper-container banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">Slide 1</div>
                    <div class="swiper-slide">Slide 2</div>
                    <div class="swiper-slide">Slide 3</div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
            <!-- 在这里继续写 -->
            <div class="small-nav">
                <div class="fenlei">分类:</div>
                <ul>
                    <!-- 显示全部分类 -->
                    <li><a href="/a/jingxuananli/ ">全部</a></li>
                    <!-- 显示全部分类 -->
                    
                    <li><a href="/a/APP/ ">APP</a></li>
                    
                    <li><a href="/a/wangzhan/ ">网站</a></li>
                    
                    <li><a href="/a/ruanjianjiemian/ ">软件界面</a></li>
                    
                    <li><a href="/a/guanlixitong/ ">管理系统</a></li>
                    
                    <li><a href="/a/dashujukeshihua/ ">大数据可视化</a></li>
                    
                </ul>

            </div>

            <div class="anli">
                <!-- 显示子分类 -->
                <div>
                    <div class="img ">
                        <div class="font ">

                            <a href="/a/APP/2020/0121/9.html ">查看</a>
                        </div>

                        <img src="/images/defaultpic.gif " />
                        <p><span>app测试8</span> <span><img src="/templets/xiaoyu/images/small-eyes.png " alt="点击数 ">73</span></p>
                    </div>
                </div><div>
                    <div class="img ">
                        <div class="font ">

                            <a href="/a/APP/2020/0121/8.html ">查看</a>
                        </div>

                        <img src="/images/defaultpic.gif " />
                        <p><span>app测试7</span> <span><img src="/templets/xiaoyu/images/small-eyes.png " alt="点击数 ">79</span></p>
                    </div>
                </div><div>
                    <div class="img ">
                        <div class="font ">

                            <a href="/a/APP/2020/0121/7.html ">查看</a>
                        </div>

                        <img src="/images/defaultpic.gif " />
                        <p><span>app测试6</span> <span><img src="/templets/xiaoyu/images/small-eyes.png " alt="点击数 ">58</span></p>
                    </div>
                </div><div>
                    <div class="img ">
                        <div class="font ">

                            <a href="/a/APP/2020/0121/6.html ">查看</a>
                        </div>

                        <img src="/images/defaultpic.gif " />
                        <p><span>app测试5</span> <span><img src="/templets/xiaoyu/images/small-eyes.png " alt="点击数 ">108</span></p>
                    </div>
                </div><div>
                    <div class="img ">
                        <div class="font ">

                            <a href="/a/APP/2020/0121/5.html ">查看</a>
                        </div>

                        <img src="/images/defaultpic.gif " />
                        <p><span>app测试4</span> <span><img src="/templets/xiaoyu/images/small-eyes.png " alt="点击数 ">104</span></p>
                    </div>
                </div><div>
                    <div class="img ">
                        <div class="font ">

                            <a href="/a/APP/2020/0121/4.html ">查看</a>
                        </div>

                        <img src="/images/defaultpic.gif " />
                        <p><span>app测试3</span> <span><img src="/templets/xiaoyu/images/small-eyes.png " alt="点击数 ">184</span></p>
                    </div>
                </div><div>
                    <div class="img ">
                        <div class="font ">

                            <a href="/a/APP/2020/0121/3.html ">查看</a>
                        </div>

                        <img src="/images/defaultpic.gif " />
                        <p><span>app测试2</span> <span><img src="/templets/xiaoyu/images/small-eyes.png " alt="点击数 ">109</span></p>
                    </div>
                </div><div>
                    <div class="img ">
                        <div class="font ">

                            <a href="/a/APP/2020/0121/1.html ">查看</a>
                        </div>

                        <img src="/uploads/allimg/200121/1-2001211444180-L.png " />
                        <p><span>app测试1</span> <span><img src="/templets/xiaoyu/images/small-eyes.png " alt="点击数 ">158</span></p>
                    </div>
                </div>
                <!-- 显示子分类 -->

            </div>

            <!-- 在这里继续写 -->
            <ul class="page-next ">
                <li class="thisclass">1</li>

                <!-- <li>
                    <a>
                        <</a>
                </li>
                <li><a class="hover2 ">1</a></li>
                <li><a>2</a></li> -->
                
            </ul>
        </div>
        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 "></div>
    </div>
    <!-- 底部 -->
    <div class="container-fluid fjy-bottom ">
    <div class>

        <!--  -->
        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">
            <!--  -->
        </div>
        <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10 ">
            <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 fjy-bottom-box ">
                <div class="fjy-bottom-box-A ">
                    <p>网站导航</p>
                    <ul class="fjy-bott-ul ">
                        <li><a href="index.html ">网站首页</a></li>
                        <li><a href="shangwuhezuo.html ">商务合作</a></li>
                        <li><a href="jingxuananli.html ">精选案例</a></li>
                        <li><a href="lianxiwomen.html ">联系我们</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 fjy-bottom-box ">
                <div class="fjy-bottom-box-B ">
                    <p class="fjy-40 ">关于我们</p>
                    <span><b>J-UI是杭州筱宇科技旗下的UI设计品牌，我们为企业提供高性价比、专业、放心的互联网产品用户体验方案，J的寓意为“简“，简约的设计理念，简捷的客户对接，大道至简，用最简单的方式将信息传递给客户，让客户以最轻松的方式获取产品的价值。</b></span>
                </div>
            </div>

            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 fjy-bottom-box ">
                <div class="fjy-bottom-box-C ">
                    <p class="fjy-40 ">联系方式</p>
                    <span>电话：15858153259</span></br>
                    <!-- <p>联系我们</p> -->
                    <span>邮箱：wenbin.x@163.com</span></br>
                    <!-- <p>地址</p> -->
                    <span>地址：杭州市拱墅区祥园路99号，中国(杭州)智慧信息产业园C幢裙楼3F。</span>
                </div>
            </div>

            <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 fjy-bottom-box ">
                <div class="fjy-bottom-box-D ">
                    <p class="fjy-40 ">微信</p>
                    <img src="/templets/xiaoyu/images/weixin.png " />
                </div>
            </div>
        </div>

        <!--  -->
        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">

        </div>
        <!--  -->


    </div>
</div>
    <script>
        $('.page-next a').click(function() {

            $(this).parent("li").siblings("li").find("a").removeClass()
                // alert('1');
            $(this).addClass('hover2');
        });

        $('.small-nav li a').click(function() {
            $(this).parent().siblings().children().removeClass();
            $(this).addClass('choose');
        });



        $('.fjy-menu a').click(function() {
            $(this).parent('li').siblings('li').removeClass();
            // console.log(123);
            $(this).parent('li').addClass('fjy-visited');
        });





        var mySwiper = new Swiper('.swiper-container', {
            // direction: 'vertical', // 垂直切换选项
            loop: true, // 循环模式选项

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },


        })

        $('.img').hover(function() {
            $(this).children('.font').css("z-index", "2");
        }, function() {
            // alert(1);
            $(this).children('.font').css("z-index", "-1");
        });
    </script>
</body>

</html>